* { margin: 0px; padding: 0px; }
body { min-width: 1080px; background: url("") 0px 0px repeat-x rgb(255, 255, 255); margin: 0px; padding: 0px; text-decoration: none; font-size: 12px; font-variant: normal; font-family: 微软雅黑; }
a:link, a:visited, a:hover, a:active { text-decoration: none; }
a { text-decoration: none; color:#666 }
a:hover{color:#e70012}
li { list-style-type: none; }
ul, ol { list-style-type: none; list-style-image: none; }
.main { width: 1080px; margin: 0px auto; }
.head { width: 100%; height: 110px; overflow: hidden; }
.top { width: 100%; height: 30px; background: rgb(238, 238, 238); overflow: hidden; }
.top p { font-size: 13px; color: rgb(0, 0, 0); line-height: 30px; float: left; }
.top ul { float: right; }
.top ul li { float: left; padding-right: 10px; padding-left: 10px; line-height: 30px; position: relative; }
.top ul li a { font-size: 13px;  }
.top ul li::after { content: ""; width: 1px; height: 13px; position: absolute; top: 9px; right: 0px; background: rgb(51, 51, 51); }
.top ul li:last-child::after { width: 0px; }
.head .main { display: flex; align-items: center; height: 110px; justify-content: space-between; }
.nav { width: 100%; height: 50px; background: #e70012; }
.nav ul { width: 1100px; margin: 0px auto; height: 50px; overflow: hidden; }
.nav ul li { float: left; width: 182px; height: 50px; overflow: hidden; text-align: center; line-height: 50px; }
.nav ul li a { color: rgb(255, 255, 255); font-size: 16px; display: block; }
.nav ul li:hover { background: #ed6323; }
.banner { max-width: 1920px; margin: 0px auto; overflow: hidden; position: relative; }
.banner .hd { height: auto; overflow: hidden; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin: 0px 10px; width: 15px; height: 15px; line-height: 14px; text-align: center; cursor: pointer; border-radius: 50%; background: rgb(255, 255, 255); }
.banner .hd ul li.on { background: #e70012; border: 1px solid #e70012; }
.banner .bd { position: relative; height: 100%; z-index: 0; width: 100%; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 100%; display: block; }
.banner .prev, .banner .next { position: absolute; left: 3%; top: 50%; margin-top: -3%; display: block; width: 32px; height: 40px; opacity: 0.5; }
.banner .next { left: auto; right: 3%; background-position: 8px 5px; }
.banner .next { font-size: 58px; color: rgb(255, 255, 255); }
.banner .prev { font-size: 58px; color: rgb(255, 255, 255); }
.banner .prev:hover, .banner .next:hover { opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }
.keywords { width: 100%; height: 40px; background: rgb(238, 238, 238); }
.keywords p { font-size: 16px; color: rgb(51, 51, 51); font-weight: bold; line-height: 40px; float: left; }
.keywords ul { float: left; }
.keywords ul li { float: left; padding-right: 10px; padding-left: 10px; position: relative; line-height: 40px; }
.keywords ul li::after { content: ""; position: absolute; right: 0px; top: 14px; height: 14px; width: 1px; background: rgb(51, 51, 51); }
.keywords ul li:last-child::after { height: 0px; width: 0px; }
.product { width: 1100px; margin: 30px auto 0px; height: auto; overflow: hidden; }
.product .list { width: 235px; height: auto; min-height: 790px; float: left; overflow: hidden; background:#e70012; position: relative; padding-bottom: 10px; }
.product .list .tit { width: 224px; height: 60px; margin: 20px auto 0px; overflow: hidden; background: url("../images/tit01.png") center bottom no-repeat; }
.product .list .tit p { color: rgb(255, 255, 255); font-size: 26px; font-weight: bold; text-align: center; }
.product .list .tit span { display: block; color: rgb(255, 255, 255); font-size: 14px; text-align: center; }
.product .list h4 { width: 224px; margin: 10px auto 0px; height: 45px; background: rgb(255, 255, 255); position: relative; text-indent: 40px; }
.product .list h4::after { content: ""; width: 15px; height: 23px; background: url("../images/list01.png") center center no-repeat; position: absolute; left: 40px; top: 50%; margin-top: -12px; }
.product .list h4 a { color: rgb(26, 26, 26); font-size: 18px; line-height: 45px; margin-left: 25px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal; }
.product .list h4:hover a { color: #e70012; }
.product .list ul { width: 150px; margin: 0px auto; height: auto; overflow: hidden; }
.product .list ul li { width: 100%; height: auto; overflow: hidden; margin-top: 3px; line-height: 30px; }
.product .list ul li a { font-size: 16px; }
.product .list .tel { position: absolute; bottom: 25px; border-top: 1px solid rgb(255, 255, 255); padding-top: 10px; width: 222px; left: 50%; margin-left: -111px; }
.product .list .tel img { display: block; }
.product .pic { width: 840px; height: auto; float: right; overflow: hidden; }
.product .pic ul { margin-left: -6px; }
.product .pic ul li { float: left; width: 275px; border: 1px solid rgb(238, 238, 238); height: auto; overflow: hidden; margin-left: 6px; box-sizing: border-box; margin-bottom: 5px; }
.product .pic ul li div { display: block; width: 265px; margin: 4px 4px 0px; }
.product .pic ul li img { display: block; width: 100%; height:100%}
.product .pic ul li p { text-align: center; color: rgb(26, 26, 26); font-size: 15px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product .pic ul li:hover { border: 1px solid #e70012; }
.img-box { overflow: hidden; }
.img-box img { transition: all 0.5s ease 0s; }
.img-box:hover img { transform: scale(1.05); }
.gg { width: 100%; margin:60px auto;overflow: hidden; }
.gg img { width:100%}
.about { width: 1100px; margin: 70px auto 0px; height: auto; overflow: hidden; }
.about .pic { float: left; }
.about .pic img { display: block; width: 652px; height: 432px; border: 5px solid rgb(238, 238, 238); }
.about .intro { width: 400px; height: auto; overflow: hidden; float: right; margin-top: 60px; }
.about .intro h4 { color: rgb(26, 26, 26); height: 40px; font-size: 24px; position: relative; }
.about .intro h4::after { content: ""; width: 100px; height: 1px; position: absolute; left: 0px; background: #e70012; bottom: 0px; }
.about .intro b { color: #e70012; }
.about .intro .info { margin-top: 18px; }
.about .intro .info p { color: rgb(26, 26, 26); font-size: 15px; line-height: 28px; text-indent: 2em; }
.about .intro .info a { color: #e70012; font-size: 15px; }
.lc { width: 100%; height: 481px; background: url("../images/bg01.png") center center no-repeat; margin-top: 65px; overflow: hidden; }
.lc .tit { margin-top: 40px; }
.lc .tit h4 { color: rgb(255, 255, 255); font-size: 24px; height: 40px; text-align: center; position: relative; }
.lc .tit b { color: #e70012; }
.lc .tit h4::after { content: ""; width: 100px; height: 1px; position: absolute; left: 50%; margin-left: -50px; background:#e70012; bottom: 0px; }
.lc .bd { width: 1100px; margin: 40px auto 0px; height: auto; overflow: hidden; }
.adv { width: 1080px; margin: 100px auto 0px; height: auto; overflow: hidden; }
.adv .tit { width: 100%; height: auto; overflow: hidden; margin-bottom: 40px; }
.adv .tit img { display: block; margin: 0px auto; }
.adv .part { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.adv .part:last-child { flex-direction: row-reverse; }
.adv ul { width: 500px; height: auto; overflow: hidden; }
.adv ul li { width: 100%; height: auto; overflow: hidden; margin-bottom: 40px; }
.adv .img { float: left; }
.adv .img img { display: block; }
.adv .info .t { width: 100%; height: auto; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; }
.adv .info .t img { display: block; float: left; margin-right: 10px; }
.adv .info .t p { color: rgb(42, 42, 42); font-size: 26px; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 3px; }
.adv .info .t span { display: block; float: left; color: rgb(26, 26, 26); margin-top: 3px; font-size: 14px; }
.adv .info .text { width: 100%; margin-top: 25px; }
.adv .info .text p { height: auto; line-height: 30px; position: relative; color: rgb(42, 42, 42); font-size: 16px; padding-left: 20px; }
.adv .info .text p::after { content: "○"; font-size: 17px; position: absolute; left: 0px; top: -1px; }
.section { width: 1100px; margin: 40px auto 0px; height: auto; overflow: hidden; }
.news { width: 570px; height: auto; float: left; overflow: hidden; }
.news .tit { width: 100%; height: 35px; overflow: hidden; border-bottom: 1px solid rgb(229, 229, 229); }
.news .tit p { color: rgb(26, 26, 26); font-size: 23px; float: left; text-transform: uppercase; }
.news .tit a { display: block; float: right; color: rgb(102, 102, 102); font-size: 14px; line-height: 35px; }
.news ul { height: auto; overflow: hidden; margin-top: 8px; }
.news ul li { width: 550px; height: 52px; padding: 15px 10px; background: rgb(238, 238, 238); margin-top: 10px; }
.news ul li h4 { width: 450px; float: left; color: rgb(26, 26, 26); font-size: 18px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news ul li span { display: block; color: rgb(102, 102, 102); font-size: 12px; float: right; line-height: 25px; }
.news ul li p { width: 100%; height: auto; margin-top: 5px; float: left; font-size: 14px; color: rgb(102, 102, 102); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news ul li:hover h4 { color: rgb(255, 255, 255); }
.news ul li:hover span { color: rgb(255, 255, 255); }
.news ul li:hover p { color: rgb(255, 255, 255); }
.news ul li:hover { background: #e70012; }
.cont { width: 495px; height: auto; overflow: hidden; float: right; }
.cont .tit { width: 100%; height: 35px; overflow: hidden; border-bottom: 1px solid rgb(229, 229, 229); }
.cont .tit p { color: rgb(26, 26, 26); font-size: 23px; float: left; text-transform: uppercase; }
.cont .tit a { display: block; float: right; color: rgb(102, 102, 102); font-size: 14px; line-height: 35px; }
.cont .pic { width: 490px; height: auto; overflow: hidden; }
.cont img { display: block; }
.cont .bd { width: 100%; height: 450px; background: rgb(238, 238, 238); overflow: hidden; margin-top: 18px; }
.cont .info { width: 440px; margin: 40px; }
.cont .info p { color: rgb(34, 34, 34); font-weight:600; font-size: 18px; height: 30px; position: relative; }
.cont .info p::after { content: ""; width: 175px; height: 1px; position: absolute; bottom: 0px; background: rgb(34, 34, 34); left: 0px; }
.cont .info span { color: rgb(34, 34, 34); font-size: 15px; line-height: 30px; margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.footer { width: 100%; height: 406px; position: relative; margin-top: 70px; }
.footer .main { position: relative; }
.footer .bg { width: 100%; height: 280px; background: rgba(213, 5, 21, 0.8); position: absolute; bottom: 45px; z-index: 1; }
.footer .fn { width: 324px; height: 402px; float: left; background: rgb(49, 49, 49); }
.footer .fn .tit { width: 100%; height: 76px; background: url("../images/tit03.png") center bottom no-repeat; position: relative; z-index: 100; }
.footer .fn .tit p { color: rgb(255, 255, 255); font-size: 18px; text-align: center; line-height: 60px; }
.footer .fn ul { width: 240px; margin-left: 60px; height: 110px; overflow: hidden; margin-top: 40px; position: relative; z-index: 100; }
.footer .fn ul li { width: 48%; line-height: 30px; float: left; height: 30px; margin-bottom: 5px; overflow: hidden; }
.footer .fn ul li:nth-child(2n) { float: right; }
.footer .fn ul li a { color: rgb(255, 255, 255); font-size: 15px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.footer .fn .tel { width: 348px; height: 67px; background: url("../images/bg02.png") center center no-repeat; position: relative; z-index: 100; margin-left: 45px; margin-top: 20px; display: flex; align-items: center; justify-content: center; }
.footer .fn .tel p { color: rgb(84, 84, 84); font-size: 13px; margin-left: 8px; }
.footer .fn .tel span { display: block; color: rgb(33, 140, 70); font-size: 30px; font-weight: bold; font-family: Arial; }
.footer .links { float: left; width: 755px; height: 80px; position: absolute; right: 0px; background: rgb(238, 238, 238); }
.footer .links p { float: left; line-height: 58px; color: rgb(25, 25, 25); font-size: 16px; margin-left: 10px; }
.footer .links ul { float: left; width: 650px; height: 80px; overflow: hidden; }
.footer .links ul li { float: left; padding-right: 10px; padding-left: 10px; line-height: 29px; overflow: hidden; }
.footer .links ul li a { color: rgb(25, 25, 25); font-size: 12px; }
.footer .links ul li a:hover{ color:#e70012}
.footer .intro { width: 630px; float: right; height: 302px; position: relative; z-index: 1000; margin-top: 60px; }
.footer .intro .info { position: relative; top: 50%; transform: translateY(-50%); width: 400px; height: auto; float: left; overflow: hidden; }
.footer .intro .info p { color: rgb(255, 255, 255); font-size: 13px; margin-top: 20px; line-height: 25px; }
.footer .intro .icon { float: right; margin-top: 20px; margin-right: 60px; }
.footer .intro .icon a { display: block; }
.footer .intro .icon div { margin-top: 45px; position: relative; width: 98px; height: 98px; }
.footer .intro .icon div:first-child img:last-child { width: 120px; height: 120px; border: 1px solid rgb(204, 204, 204); position: absolute; right: 110px; display: none; top: -10px; }
.footer .intro .icon div:first-child:hover img { display: block; }
.footer .cr { width: 100%; height: 45px; position: absolute; bottom: 0px; background: rgb(49, 49, 49); text-align: center; line-height: 45px; }
.footer .cr p { color: rgb(255, 255, 255); font-size: 14px; }
.footer a { color: rgb(255, 255, 255); }
.footer .ewm { float: right; margin-top: 70px; }
.footer .ewm img { display: block; width: 150px; height: 150px; float: left; border: 2px solid rgb(255, 255, 255); box-sizing: border-box; }
.footer .ewm p { float: right; width: 20px; background: rgb(255, 255, 255); margin-left: 5px; text-align: center; height: 150px; font-size: 12px; color:#e70012; display: flex; align-items: center; }
.in-content { width: 1080px; margin: 30px auto; height: auto; overflow: hidden; }
.left-cont { width: 235px; height: auto; overflow: hidden; float: left; }
.left-cont .list { width: 235px; height: auto; overflow: hidden; background: #e70012; position: relative; padding-bottom: 30px; }
.left-cont .list .tit { width: 224px; height: 60px; margin: 20px auto 0px; overflow: hidden; background: url("../images/tit01.png") center bottom no-repeat; }
.left-cont .list .tit p { color: rgb(255, 255, 255); font-size: 26px; font-weight: bold; text-align: center; }
.left-cont .list .tit span { display: block; color: rgb(255, 255, 255); font-size: 14px; text-align: center; }
.left-cont .list h4 { width: 224px; margin: 10px auto 0px; height: 45px; background: rgb(255, 255, 255); position: relative; text-indent: 40px; }
.left-cont .list h4::after { content: ""; width: 15px; height: 23px; background: url("../images/list01.png") center center no-repeat; position: absolute; left: 40px; top: 50%; margin-top: -12px; }
.left-cont .list h4 a { font-size: 18px; line-height: 45px; margin-left: 25px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal; }

.quick { width: 100%; height: auto; overflow: hidden; margin-top: 20px; border: 1px solid #e70012; box-sizing: border-box; }
.quick .tit { width: 100%; height: 88px; overflow: hidden; background:#e70012; }
.quick .tit p { color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; text-align: center; margin-top: 20px; }
.quick .tit span { display: block; color: rgb(255, 255, 255); font-size: 16px; text-align: center; text-transform: uppercase; margin-top: 2px; }
.quick ul { width: 210px; margin: 10px auto; height: auto; overflow: hidden; }
.quick ul li { width: 100%; height: 30px; line-height: 30px; border-bottom: 1px dashed rgb(204, 204, 204); }
.quick ul li a {  font-size: 14px; white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; }
.quick .intro { width: 210px; margin: 10px auto; height: auto; overflow: hidden; }
.quick .intro p { color: rgb(51, 51, 51); font-size: 14px; line-height: 22px; }
.right-cont { width: 830px; height: auto; overflow: hidden; float: right; }
.pic-box { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.pic-box ul { height: auto; overflow: hidden; }
.pic-box ul li { float: left; height: auto; width: 264px; overflow: hidden; margin-bottom: 15px; border: 1px solid rgb(204, 204, 204); margin-left: 15px; }
.pic-box ul li:nth-child(3n-2) { margin-left: 0px; }
.pic-box ul li img { display: block; width: 100%; }
.pic-box ul li p { width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pic-box ul li:hover p { color: rgb(0, 154, 68); }
.fy { width: 100%; height: auto; overflow: hidden; margin-top: 50px; border-top: 1px solid rgb(210, 210, 210); border-bottom: 1px solid rgb(210, 210, 210); }
.fy p { width: 240px; height: 50px; float: left; padding: 0px 20px; box-sizing: border-box; line-height: 50px; text-align: center; border-left: 1px solid rgb(210, 210, 210); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.fy p:first-child { border: none; }
.fy a { color: rgb(51, 51, 51); font-size: 14px; }
.fy .return { float: right; line-height: 50px; width: 140px; border-left: 1px solid rgb(210, 210, 210); text-align: center; }
.page { width: 100%; height: auto; overflow: hidden; margin: 50px auto; }
.page ul { display: table; margin: 0px auto; }
.page ul li { border: 1px solid rgb(204, 204, 204); padding: 0px 10px; height: 30px; line-height: 30px; color: rgb(51, 51, 51); float: left; margin: 0px 3px; }
.page ul li a { color: rgb(51, 51, 51); }
.page ul .thisclass { background: #666; color: rgb(255, 255, 255); border: 1px solid #666; }
.page select { border: none; background: none; outline: none; }
.detail-intro { width: 100%; height: auto; overflow: hidden; min-height: 500px; margin-top: 20px; }
.detail-intro .tit { margin-bottom: 30px; }
.detail-intro .tit p { color: rgb(51, 51, 51); font-size: 18px; height: 30px; border-bottom: 1px dashed rgb(204, 204, 204); text-align: center; }
.detail-intro .tit span { display: block; color: rgb(51, 51, 51); font-size: 12px; text-align: center; margin-top: 5px; }
.detail-intro .intro { width: 100%; height: auto; font-size: 16px; color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; }
.detail-intro .intro img { display: block; margin: 0px auto; max-width: 100%; }
.detail-intro .intro p { font-size: 16px; color: rgb(51, 51, 51); line-height: 30px; }
.cont-intro { width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.cont-intro .intro p { color: rgb(51, 51, 51); font-size: 16px; line-height: 40px; }
.map { width: 100%; border: 3px solid rgb(210, 210, 210); box-sizing: border-box; height: auto; overflow: hidden; margin-top: 20px; }
.map .allmap { width: 100%; height: 400px; }
.mssg-intro { width: 920px; margin: 20px auto 0px; height: auto; overflow: hidden; background: rgb(238, 238, 238); }
.mssg-intro img { display: block; float: left; }
.mssg-intro form { width: 420px; float: left; margin-left: 30px; margin-top: 30px; }
.mssg-intro form ul li { width: 100%; height: auto; overflow: hidden; border: 1px solid rgb(210, 210, 210); margin-bottom: 10px; background: rgb(255, 255, 255); border-radius: 5px; }
.mssg-intro form ul li input { height: 50px; border: none; width: 100%; outline: none; text-indent: 10px; color: rgb(153, 153, 153); font-size: 16px; background: none; font-family: 微软雅黑; }
.mssg-intro form ul li textarea { width: 500px; height: 90px; border: none; outline: none; font-family: 微软雅黑; resize: none; background: none; text-indent: 10px; padding-top: 10px; color: rgb(153, 153, 153); font-size: 16px; }
.mssg-intro form .btn input { width: 200px; display: block; height: 50px; float: left; margin-top: 20px; background: rgb(0, 154, 68); outline: none; border: none; font-size: 18px; color: rgb(255, 255, 255); border-radius: 5px; }
.mssg-intro form .btn input:last-child { float: right; background: rgb(153, 153, 153); }
.title-bar { width: 100%; position: relative; height: 37px; border-bottom: 2px solid #e70012; }
.title-bar::after { content: ""; width: 10px; height: 20px; position: absolute; left: 0px; top: 3px; background: #e70012; }
.title-bar h4 { margin-left: 20px; color: rgb(51, 51, 51); font-size: 18px; float: left; }
.crumbs { float: right; margin-top: 5px; }
.crumbs p { color: rgb(102, 102, 102); font-size: 13px; }
.crumbs img { display: block; float: left; margin-right: 10px; }
.crumbs p { float: left; }
.crumbs a { color: rgb(102, 102, 102); font-size: 13px; padding-right: 10px; position: relative; }
.crumbs a::after { content: ">"; font-family: 宋体; right: 0px; color: rgb(102, 102, 102); font-size: 12px; position: absolute; top: 2px; }
.crumbs a:last-child::after { display: none; }
.crumbs a:last-child { padding-right: 0px; }
.news-list { overflow: hidden; }
.news-list ul li {  line-height: 40px; overflow: hidden; margin-top: 5px; border-bottom: 1px dashed rgb(204, 204, 204); overflow: hidden;
white-space: nowrap; font-size:16px;
text-overflow: ellipsis; }
.news-list ul li:before{ content:"·"; color:#e70012; font-size:20px; font-weight:bold; }
.news-list ul li span { float: right; margin-left:30px;  }